<template>
    <div class="system-settings">
      <el-tabs type="border-card">
        <el-tab-pane label="站点管理">
          <SiteManagement />
        </el-tab-pane>
        <el-tab-pane label="设备管理">
          <DeviceManagement />
        </el-tab-pane>
        <el-tab-pane label="拓扑图配置">
          <TopologyConfig />
        </el-tab-pane>
        <el-tab-pane label="用电管理">
          <PowerManagement />
        </el-tab-pane>
        <el-tab-pane label="电站域名配置">
          <PowerStationDomainConfig />
        </el-tab-pane>
        <el-tab-pane label="告警管理">
          <AlarmManagement />
        </el-tab-pane>
        <el-tab-pane label="日志管理">
          <LogManagement />
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  
  <script lang="ts" setup>
  import SiteManagement from './components/SiteManagement.vue'
  import DeviceManagement from './components/DeviceManagement.vue'
  import TopologyConfig from './components/TopologyConfig.vue'
  import PowerManagement from './components/PowerManagement.vue'
  import PowerStationDomainConfig from './components/PowerStationDomainConfig.vue'
  import AlarmManagement from './components/AlarmManagement.vue'
  import LogManagement from './components/LogManagement.vue'
  </script>
  
  <style lang="scss" scoped>
  .system-settings {
    :deep(.el-tabs__content) {
      padding: 0;
    }
  }
  </style>